<template>
  <van-row>
    <van-col :span="24">
      <van-swipe :autoplay="3000" lazy-render class="my-swipe" >
        <van-swipe-item v-for="image in images" :key="image">
          <img :src="image" />
        </van-swipe-item>
      </van-swipe>
    </van-col>
  </van-row>
  
</template>

<script setup>
import {ref} from 'vue';
    const images = ref([
      'http://localhost:8080/img/c055c12c11fb4981ac9e382e6a36003f777777.jpeg',
      'http://localhost:8080/img/1240d1990fab4f128227eaa45e90d42ctubiao004.jpg',
      'http://localhost:8080/img/f67de761780d48a98599ab5f887b508fmeishi001.jpg',
      'http://localhost:8080/img/e0d968114f964a62823f898c3c347db61111111111.jpg',
    ]);
</script>

<style scope>
  .my-swipe .van-swipe-item {
    width: 100%;
    text-align: center;
  }
  .my-swipe .van-swipe-item img{
    width: 100%;
  }
</style>